{extend name="Public:base" /}
      {block name="seo"}
     
      {/block}
            {block name="css"}
      <style type="text/css">
   .aui-card-list-content-padded img{
   
   width:auto;
   
   }
        .search-input {
            height: 1.6rem;
            line-height: 1.6rem;
            background: #f5f5f5;
            border-radius: 30px;
            position: relative;
            font-family:"aui_iconfont" !important;
            text-align: left;
            padding-left: 1.5rem;
            color: #999999;
        }
        .search-input:after {
            position: absolute;
            left: 0;
            padding-left: 0.5rem;
            content: "\e615";
        }
        .aui-card-list {
    position: relative;
    margin-bottom: 0;;
    background: #ffffff;
}
    </style>
     {/block}
{block name="body"}
<header class="aui-bar aui-bar-nav aui-bg-dark">
    <a class="aui-pull-left aui-btn" href="javascript:history.back(-1);">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">帖子详情</div>
    
    {if condition="is_login() gt 0"}
    
    <a class="aui-pull-right aui-btn " href="{:url('group/topicadd',array('id'=>$groupid))}">
        <span class="aui-iconfont aui-icon-edit"></span>
    </a>
    {/if}
    
    
</header>
<section class="aui-content">

        <ul class="aui-list aui-list-in">
            <li class="aui-list-item">
             
                <div class="aui-list-item-inner aui-list-item-arrow dataurla" data-url="{:url('group/index',array('id'=>$groupinfo['id']))}">
                    <div class="aui-list-item-title aui-font-size-14">{$groupinfo['name']}</div>
                    <div class="aui-list-item-right"> {$groupinfo['membercount']}粉丝</div>
                </div>
            </li>
      
        </ul>
    </section>
<section class="aui-content grouptopiclist">
        <div class="aui-card-list">
            <div class="aui-card-list-header aui-card-list-user">
                <div class="aui-card-list-user-avatar">
                    <img src="{$topicinfo.userhead|getheadurl}" class="aui-img-round">
                </div>
                <div class="aui-card-list-user-name">
                    <div class="aui-text-info">{$topicinfo['nickname']}</div>
                   
                </div>
                <div class="aui-card-list-user-info text-light">{$topicinfo.create_time|friendlyDate}</div>
            </div>
            <div class="aui-card-list-content-padded aui-padded-t-5 aui-padded-b-15">
                <div class="aui-list-item-title aui-font-size-18 aui-margin-b-10" style="font-weight:bold">{$topicinfo['title']}</div>
                   {$topicinfo['content']|htmlspecialchars_decode}
                    
                                
            
                    </div>

        </div>
       
    </section>
    <div class=" aui-content-bg">

<div class="content-title aui-border-b">
<div class="aui-pull-left" style="font-weight:bold;" id="allcomment">全部回帖</div>

</div>


</div>
<div style="margin-bottom:2.5rem">

  {volist name="commentlist" id="vo"} 
<div class="aui-card-list">
            <div class="aui-card-list-header aui-card-list-user">
                <div class="aui-card-list-user-avatar" style="width:1.5rem;">
                    <img src="{$vo.userhead|getheadurl}" class="aui-img-round" >
                </div>
                <div class="aui-card-list-user-name">
                    <div class="aui-text-info aui-font-size-12">{$vo.nickname}</div>
                    <div class="aui-font-size-12 text-light"> {$vo.floor}楼</div>
                </div>
                <div class="aui-card-list-user-info text-light ">{$vo.create_time|friendlyDate}</div>
            </div>
            <div class="aui-card-list-content-padded aui-padded-t-5 aui-padded-b-15 aui-font-size-12">
              {$vo.content|htmlspecialchars_decode}
               {if condition="count($vo['child']) gt 0"}
              <div class="aui-bg-default">
              
              
                {volist name="vo['child']" id="subvo"}       
               <div class="aui-card-list aui-bg-default">
            <div class="aui-card-list-header aui-card-list-user">
              <div class="aui-card-list-user-avatar" style="width:1.5rem;">
                    <img src="{$vo.userhead|getheadurl}" class="aui-img-round" >
                </div>
                <div class="aui-card-list-user-name">
                    <div class="aui-text-info aui-font-size-12">{$subvo.nickname}</div>
                   
                </div>
                <div class="aui-card-list-user-info text-light ">{$subvo.create_time|friendlyDate}</div>
                
            </div>
            <div class="aui-card-list-content-padded aui-padded-t-5 aui-padded-b-15 aui-font-size-12">
           {$subvo.content|htmlspecialchars_decode}
          
            </div>
            
    </div>
      {/volist} 
    
        </div>
        
        {/if}
        
            </div>
            

        </div>
        {/volist}  
         {if condition="$commentlist->total() gt 10"}
         <div class=" aui-margin-l-15 aui-margin-t-15">
         <a class="aui-btn aui-btn-success aui-btn-sm aui-margin-r-15 " href="{:url('group/gview',array('id'=>$topicinfo['id']))}?page={if condition='$commentlist->currentPage()-1 gt 1'} {$commentlist->currentPage()-1} {else/}1 {/if}"><</a><a class="aui-btn aui-btn-info" href="{:url('group/gview',array('id'=>$topicinfo['id']))}?page={if condition='$commentlist->currentPage()-1 lt $commentlist->lastPage()'} {$commentlist->currentPage()+1} {else/}{$commentlist->lastPage()} {/if}">></a></div>
         {/if}
        </div>
<footer class="aui-bar aui-bar-tab ">
        <div class="aui-bar-tab-item aui-padded-l-15 aui-padded-r-15 dataurla" {if condition="is_login() gt 0"}data-url="{:url('group/commentadd',array('fid'=>$topicinfo['id']))}"{else /}data-url="{:url('user/login')}"{/if}  tapmode="" style="width: auto;">
            <div class="search-input aui-font-size-14">回复楼主...</div>
        </div>
        
        <div class="aui-bar-tab-item" tapmode="" style="width: 2.2rem;" >
        <a href="#allcomment">
            <div class="aui-badge" style="left:50%">{$topicinfo['reply']}</div>
            <i class="aui-iconfont aui-icon-comment"></i>
              </a>
        </div>
      
        <div class="aui-bar-tab-item" tapmode="" style="width: 2.2rem;">
            <i class="aui-iconfont aui-icon-star"></i>
        </div>
        <div class="aui-bar-tab-item aui-hide" tapmode="" style="width: 2.2rem;">
            <i class="aui-iconfont aui-icon-share"></i>
        </div>
    </footer>
{/block}